@import '../index.scss';

.page-all {
	width: 100%;
	height: 100vh;
	overflow: auto;
	background: #f6f6f6;
}
.action {
	color: #0256ff;
}

.top-tab {
	display: flex;
	justify-content: center;
	margin-top: 24rpx;
	margin-bottom: 24rpx;
}
.label-index {
	margin-left: 15rpx;
	font-size: 28rpx;
}
.zheng-gai-zi {
	font-size: 32rpx;
	color: #3d3d3d;
	margin-bottom: 20rpx;
	margin-left: 10rpx;
}
.zheng-gai {
	display: flex;
	flex-direction: column;

	.content-item {
		color: #676767;
		margin-left: 10rpx;
	}
}
.text-right {
	color: #949494;
	font-size: 28rpx;
}
.ac-border {
	height: 2rpx;
	width: 60rpx;
	background-color: #c0c4cc;
	margin-left: 1rpx;
	margin-right: 1rpx;
}
.custom-textarea {
	font-size: 30rpx;
	color: #333;
	height: 100px;
}
.content-item {
	color: #676767;
	font-size: 32rpx;
	word-wrap: break-word;
}
.img-all {
	display: flex;
	grid-gap: 20rpx;
	.img {
		height: 140rpx;
		width: 140rpx;
		border-radius: 0px;
	}
}
.list-container {
	.item {
		background: #fff;
		margin: 0 20rpx 20rpx;
		border-radius: 20rpx;
		display: flex;
		padding: 20rpx;
		display: flex;
		flex-direction: column;
		.top-label {
			color: rgba(0, 0, 0, 0.9);
			font-size: 32rpx;
			font-weight: 500;
			margin-left: 10rpx;
			margin-bottom: 15rpx;
			margin-top: 15rpx;
			display: flex;
			justify-content: space-between;
			& > .text {
				font-size: var(--uni-font-size-16);
				& > text {
					padding-left: 5rpx;
					color: var(--uni-text-color-red);
				}
			}
		}
		.item-child{
			border-top: 2rpx dashed #D8D8D8;
		}
		.info {
			flex: 1;
			margin-left: 10rpx;
			font-size: 28rpx;
			flex-direction: column;
			height: 100%;
			display: flex;
			word-wrap: break-word;

			.row {
				display: flex;
				flex: 1;
				line-height: 50rpx;

				&.sign {
					height: 70rpx;
					line-height: 70rpx;
					margin-top: 20rpx;
				}

				.title1 {
					color: #888;
					// width: 120rpx;
				}

				.con {
					color: #3d3d3d;
					flex: 1;
					text-align: right;
					overflow: hidden;
					word-break: break-all;
					//text-overflow: ellipsis;
					//white-space: nowrap;
				}
				.annotation {
					color: #3375f6;
					flex: 1;
					text-align: right;
					font-size: 28rpx;
				}
				.annotation-right {
					color: #3375f6;
					flex: 1;
					text-align: right;
					display: flex;
					justify-content: flex-end;
					grid-gap: 20rpx;
				}
			}
		}
	}
}
.list-container-item {
	.item-1 {
		background: #fff;
		// margin: 0 20rpx 20rpx;
		border-radius: 20rpx;
		display: flex;
		// padding: 20rpx;
		display: flex;
		flex-direction: column;
		.top-label {
			color: rgba(0, 0, 0, 0.9);
			font-size: 28rpx;
			font-weight: 500;
			// margin-left: 10rpx;
			margin-bottom: 15rpx;
			margin-top: 15rpx;
			display: flex;
			justify-content: space-between;
		}

		.info-1 {
			flex: 1;
			// margin-left: 10rpx;
			font-size: 28rpx;
			flex-direction: column;
			height: 100%;
			display: flex;

			.row {
				display: flex;
				flex: 1;
				line-height: 50rpx;

				&.sign {
					height: 70rpx;
					line-height: 70rpx;
					margin-top: 20rpx;
				}

				.title1 {
					color: #888;
					// width: 120rpx;
				}

				.con {
					color: #3d3d3d;
					flex: 1;
					text-align: right;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}
			}
		}
	}
}
.table-head {
	display: grid;
	grid-template-columns: 10% 20% 20% 30% 20%;
	color: #949494;
	font-size: 28rpx;
	justify-items: start;
	align-items: center;
	margin-top: 24rpx;
}
.table-bottom {
	@extend .table-head;
	margin-top: 42rpx;
	margin-bottom: 24rpx;
	height: 32rpx;
	.tabel-img {
		width: 100rpx;
		height: 64rpx;
	}
}
.text-area{
	height: 100px;
	border: 1px solid #DFDFDF;
	width: 100%;
	color: #9E9E9E;
	border-radius: 6rpx;

}

.uv-textarea__field {
	text-align: left !important;

}
